
/* css reset */
body{color:#000;background:#fff;font-size:12px;line-height:166.6%;text-align:center;}
body.move{-webkit-transition:padding 0.3s ease;-moz-transition:padding 0.3s ease;-o-transition:padding 0.3s ease;-ms-transition:padding 0.3s ease;transition:padding 0.3s ease;}
body,input,select,button{font-family:verdana}
h1,h2,h3,select,input,button{font-size:100%}
body,h1,h2,h3,ul,li,form,p,img{margin:0;padding:0;border:0}
input,button,select,img{margin:0;line-height:normal}
select{padding:1px}
ul{list-style:none}
select,input,button,button img,label{vertical-align:middle}
header,footer,section,aside,nav,hgroup,figure,figcaption{display:block;margin:0;padding:0;border:none}
a{text-decoration:none;color:#959595}
a:hover{color:#626262}
.fontWeight{font-weight:700;}
/* global */
.unvisi{visibility:hidden}
.txt-suc{color: #22AC38}
.txt-err{color: #e60012}
.txt-yixin{color: #279C7B;}
/* backgroundImage */
.themeCtrl a,
.loginFormIpt,
.headerIntro,
.verify-input-line,
.themeText li,
.btn,
.btn-moblogin,
.ico,
.locationTestTitle,
.verSelected,
.servSelected,
.locationTestTitleClose,
#extText li,
#mobtips_arr,
.headerLogo,
.headerIntro,
.headerNav,
.footerLogo,
.footerNav,
.formIpt,
.domain,
#whatAutologinTip,
#mobtips,
#mobtips_arr,
#mobtips_close{position:absolute}
/* ico */
.ico-uid{width:14px;height:16px;background-position: -169px -64px}
.ico-pwd{width:14px;height:16px;background-position: -193px -64px}
.ico-miniAlert{margin-right:3px;display:inline-block;width:14px;height:14px;background-position:-132px -112px;vertical-align:top;}
.ico-arr{display:inline-block;width:7px;height:12px;vertical-align:baseline;background-position:-160px -112px;}
.ico-arr-d{background-position:-160px -110px;}
.loginFormConf a:hover .ico-arr-d,
.ico-arr-d-focus{background-position:-176px -110px;}
*+html .ico-arr-d{background-position:-160px -112px;}
*+html .loginFormConf a:hover .ico-arr-d,
*+html .loginFormConf a:hover .ico-arr-d,
*+html .ico-arr-d-focus{background-position:-176px -112px;}

/* header */
.header{width:1000px;height:64px;position:relative;margin:0 auto;z-index:2;overflow:hidden;}
.headerLogo{top:17px;left:50px}
.headerIntro{height:28px;width:160px;display:block;background-position:0 -64px;top:17px;left:194px}
.headerNav{top:21px;right:100px;text-align:right;color:#cfd0d0;}
.headerNav a{padding-left:13px;display:inline-block;}
.headerNav .last{padding-left: 0;}
/* main */
.main{height:600px;background:#fff;position: relative;min-width: 1000px;}
.main-inner-iframe{border:0; width: 100%; height: 600px; overflow: hidden;}
#mainCnt{width:100%;height:600px;position:relative;clear:both;background-repeat:no-repeat;background-position:center top;}
#theme{margin:0 auto;height:600px;width:1000px;overflow:hidden;position:relative;}
.themeLink{height:274px;width:430px;display:block;outline:0;}
.themeText{margin-left:26px;}
.themeText li{line-height:22px;-line-height:24px;height:24px;color:#858686;text-indent:12px;background-position:-756px -72px;background-repeat:no-repeat}
.themeText li a{color:#005590;text-decoration:underline;}
.login{width:295px;height:460px;padding:13px 14px 15px;top:56px;left:50%;margin-left:90px;text-align:left;position:absolute;z-index:2;background:url(../images/login.png) no-repeat;-background-image:url(../images/login_ie.png);}
.unishadow{box-shadow:0px 1px 3px 0 rgba(0,0,0,0.2);-webkit-box-shadow:0px 1px 3px 0 rgba(0,0,0,0.2);-moz-box-shadow:0px 1px 3px 0 rgba(0,0,0,0.2);}
.loginFunc{width:100%;height:47px;overflow:hidden;clear:both;}
.loginFuncNormal,.loginFuncApp{width:148px;height:100%;overflow:hidden;position:relative;line-height:46px;float:left;font-size:14px;text-align:center;+line-height:48px;color:#626262;cursor:pointer;}
.tab-2{background-position:-323px 0;}
.tab-22 #extVerSelect,
.tab-2 #normalLoginTab,
.tab-1 #appLoginTab{display:block;}
.tab-22 #extText,
.tab-1 #normalLoginTab,
.tab-2 #appLoginTab{display:none;}
/* form */
.loginForm{position:relative;padding-top:40px;}
.loginFormIpt{position:relative;width:240px;height:42px;line-height:42px;margin:0 0 20px 25px;padding-right:5px;clear:both;background-position:0 -352px;z-index:2;}
.loginFormIpt .ico{position:absolute;left:9px;top:13px;z-index:1;}
.loginFormIpt-over{}
.loginFormIpt-focus{box-shadow:0 0 5px rgba(40,195,15,.5);}
.loginFormIpt-focus .placeholder{color:#C9C9C9;}
.loginFormBtn{position:relative;width:245px;height:38px;margin:18px 0 0 25px}
.formIpt{width:205px;padding:9px 0 10px;ime-mode:disabled;height:21px;top:1px;left:28px;color:#333;font-size:14px;font-weight:700;border:none;font-family:verdana;line-height:21px;background:transparent!important;}
.formIpt:focus{outline:0;}
.showPlaceholder .placeholder{visibility:visible;cursor:text;}
.placeholder{color:#C9C9C9;;font-size:14px;position:absolute;left:30px;top:14px;line-height:14px;visibility:hidden;background:none;}
.domain{padding-left:5px;width:75px;height:33px;line-height:33px;color:#616161;font-size:14px;overflow:hidden;display:block;right:8px;top:4px;white-space:nowrap;}
#idInput{width: 135px;}
#idInput::-ms-clear{display:none;}
#idInputTest{visibility: hidden; position: absolute; font-size: 14px; font-weight: 700;}
.loginFormCheck{height:14px;line-height:14px;color:#555;margin-left:25px;clear:both;width:245px;position:relative;z-index:1;}
.loginFormCheckInner{line-height:13px;width:150px;float:left;position:relative;}

.forgetPwdLine{text-align: right}
#capsLockHint{position: absolute; top: 42px; left: 0px;padding: 4px 8px; line-height: 12px; background-color: #ffffcc; border: 1px solid #d7d7d7; color: #555;}
#remAutoLogin{visibility:hidden; position: absolute;left:0;}
.ico-checkbox{display: inline-block; width: 13px; height: 13px; background-position: -40px -160px; vertical-align: middle; cursor: pointer;}
.autoLogin-checked .ico-checkbox{background-position: -40px -180px;}
#remAutoLoginTxt,
.forgetPwd{color:#848585;}
#remAutoLoginTxt:hover,
.forgetPwd:hover{color:#626262;}
.loginFormCbx{width:13px;height:13px;padding:0;overflow:hidden;margin:0;}
#whatAutologinTip{z-index:9; width:180px; height:36px;background-color:#fffde4; border:1px #dfb86d solid; left:0px;top:16px;text-align:left; padding:5px 10px;line-height:18px; color:#dc9632;display:none;border-radius: 4px}
.btn{width:110px;height:38px;float:left;text-align:center;cursor:pointer;border:0;padding:0;font-weight:700;font-size:14px;display:inline-block;vertical-align:baseline;line-height:38px;outline:0;background-color:transparent;}
.btn-main{color:#fff;box-shadow:0 2px 5px rgba(0,94,21,.3)}
.btn-side{color:#5c7a5c;box-shadow:0 2px 5px rgba(0,0,0,.1);}
.btn-login{background-position:0 -208px;}
.btn-login-hover{background-position:0 -256px;}
.btn-login-active{background-position:0 -304px; color:#b1dab9;}
.btn-reg{background-position:-117px -208px;float:right;}
.btn-reg-hover{background-position:-117px -256px;color:#279c3b}
.btn-reg-active{background-position:-117px -304px;color:#5c7a5c}

.btn-cancel{width:124px;background-position:-160px -565px;}
.btn-cancel-hover{background-position:-160px -613px;color:#279c3b;}
.btn-cancel-active{background-position:-160px -661px;color:#5c7a5c;}
.loginFormConf{height:14px;line-height:14px;margin-left:25px;margin-top:18px;clear:both;width:245px;position:relative;color:#848585;z-index:1;}
.loginFormVer{float:left;width:160px;}
.loginFormService{float:right;text-align:right;}
.loginFormVerList{width:140px;position:absolute;padding:1px;background:#fff;border:1px solid #b7c2c9;top:-5px;top:-4px\9;left:33px;display:none;}
.loginFormVerList li a{height:22px;line-height:22px;width:140px;overflow:hidden;color:#848585;display:block;text-indent:22px;}
.loginFormVerList li a:hover{background-color:#eff5eb;}
.loginFormVerList li a.verSelected{color:#5aa869;background-position:-250px -58px;background-repeat:no-repeat;}

/* tab-2 */
.tab-2 .ico-mob{top:12px; width: 13px; height:18px; background-position: -220px -64px;}
/* footer */
.footer{height:65px;margin:0 auto;}
.footer-inner{width:1000px;height:63px;overflow:visible;margin:0 auto;color:#848585;position:relative;}
.footerLogo{top:24px;left:35px}
.footerNav{top:25px;right:165px;}
.footerNav a{margin-left:12px}
.copyright{margin:0 12px;}
.certification{position: absolute; top: 47px; left: 341px; color: #959595;}
.certification .icp{padding-right: 16px;}
/* noscript */
.noscriptTitle{line-height:32px;font-size:24px;color:#d90000;padding-top:60px;font-weight:700;background:#fff;}
.noscriptLink{text-decoration:underline;color:#005590;font-size:14px;}
/* mobtips */
#mobtips{height:18px;border:1px solid #c6c6a8;top:41px;left:30px;line-height:18px;background:#ffffe1;padding-left:6px;padding-right:20px;display:none;color:#565656;zoom:1;}
#mobtips_arr{width:9px;height:9px;background-position:-684px -72px;top:-5px;left:15px;}
#mobtips_close{background-position:-715px -68px;top:2px;width:16px;height:14px;right:0px;}
#mobtips em{font-style:normal;color:#328721;}
#mobtips a{text-decoration:underline;color:#005590;}
/* mask */
.mask{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;z-index:998}


/* 主题控制栏 */
.themeCtrl{position:absolute;right:50%;bottom:12px;margin-right:-405px;text-align:right;}
.themeCtrl a{float:left;display:inline;}
#musicLink,
#prevTheme,
#nextTheme{width:25px;height:25px;margin-right:7px;display: none;}
#musicLink{background-position:-161px -457px;}
#musicLink:hover{background-position:-161px -492px;}
#prevTheme{background-position:0 -457px;}
#prevTheme:hover{background-position:0 -492px;}
#nextTheme{margin-right:0;background-position:-35px -457px;}
#nextTheme:hover{background-position:-35px -492px;}


/* ie6 */
#musicLink,
#musicLink:hover,
#prevTheme,
#prevTheme:hover,
#nextTheme,
#nextTheme:hover,
#scoreIndex,
#scoreIndex:hover{-height:24px;-background-position-y:-527px;}


@-webkit-keyframes shake{0%{margin-left: -265px;}25%{margin-left: -262px;}50%{margin-left: -265px;}75%{margin-left: -262px;}100%{margin-left: -265px;}}
@-moz-keyframes shake{0%{margin-left: -265px;}25%{margin-left: -262px;}50%{margin-left: -265px;}75%{margin-left: -262px;}100%{margin-left: -265px;}}
@-o-keyframes shake{0%{margin-left: -265px;}25%{margin-left: -262px;}50%{margin-left: -265px;}75%{margin-left: -262px;}100%{margin-left: -265px;}}
@keyframes shake{0%{margin-left: -265px;}25%{margin-left: -262px;}50%{margin-left: -265px;}75%{margin-left: -262px;}100%{margin-left: -265px;}}
#mainMask{position:absolute; top:0; left: 0;width: 100%; height: 600px; background: #000; opacity: 0.2; filter:alpha(opacity=20); z-index: 2;}



  html, body{_height: 100%;}
body{font-family: "Microsoft YaHei","微软雅黑", verdana, sans-serif;}

.layer ol{list-style: none; margin: 0; padding: 0;}
.layer li{margin: 0; padding: 0;}
.layer em{font-style: normal;}

.loginFuncApp{background: none;}

.loginForm{height: 413px; padding: 0;}
.loginWrap{position: absolute; top: 0; right: 0;}

.login-form-mask{position: absolute; top: 0; right: 0; width: 295px; height: 413px; color: #CD3333;
  font-size: 14px; text-align: center; background: rgb(255,255,255); filter:alpha(opacity=80); z-index: 2;}
:root .login-form-mask{background: rgba(255,255,255, 0.8);}
.login-form-mask a{color: #5b8cca;}
.login-form-mask-loading,
.login-form-mask-timeout,
.login-form-mask-login{padding-top: 190px;}

.loginFormConf{position: absolute; top: 252px; right: 25px; margin: 0;}
.loginFormCbx{margin-bottom: 2px;}

.loginNetWork{position: absolute; top: 265px; right: 25px;}
#locationTest{top: 251px; right: 25px; left: auto; display: block; margin: 0; z-index: 1;}


.ext{position: absolute; top: 361px; right: 0px; width: 245px; padding: 0 25px 0 25px;}

.preventIE6TipMask{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#000; opacity:.6; filter:alpha(opacity=60); z-index: 999;}
.preventIE6Tip{position: absolute; top: 50%; left: 50%; margin: -80px 0 0 -296px; width: 592px; height: 160px;  text-align: left; z-index: 1000;}
.preventIE6Tip p{padding: 60px 50px 0 136px; font-size: 16px; font-family: "宋体",Arial, serif; color: #d90000; }
/*fix 20170419*/
.footerNav{top:40px;}
.footerNav{right: auto;left:220px;}
.certification{right: auto;left:220px;}
.certification .icp{padding-right:0;margin-left: 12px}


input{
  height: 44px;
  width: 205px;
  line-height: 20px;
}
.inputbox {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #c5cddb;
  font-size: 12px;
  height: 44px;
  line-height: 44px;
  margin-bottom: 0;
  position: relative;
  z-index: 19;
}

.u-loginbtn {
  background: #ddd none repeat scroll 0 0;
  color: #6B8E23;
  cursor: pointer;
  display: block;
  font-size: 18px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  width: 100%;
}
.loginbox .u-loginbtn {
  background: rgba(0, 0, 0, 0)  no-repeat scroll 0 -208px;
  box-shadow: 0 2px 5px rgba(0, 94, 21, 0.3);
  color: #6B8E23;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  height: 38px;
  line-height: 38px;
}


.m-cnt .m-unlogin .forgetpwd {
  color: #848585;
  font-size: 12px;
  height: 14px;
  line-height: 14px;
  padding: 2px 0 0 77px;
}
.m-cnt .m-unlogin .forgetpwd, .m-cnt .m-unlogin .forgetpwdReg {
  color: #999;
  cursor: pointer;
  float: left;
  font-size: 12px;
  height: 12px;
  line-height: 16px;
  text-decoration: none;
}

.loginbox {
  height: 38px;
  position: absolute;
  right: 160px;
  top: 180px;
  width: 110px;
}

.loginbox {
  margin-bottom: 12px;
  margin-top: 16px;
}

.m-cnt .m-unlogin .u-regbtn {
  cursor: pointer;
  float: right;
  font-size: 12px;
  line-height: 16px;
}
.m-cnt .m-unlogin .u-regbtn.bgcolor {
  color: #999;
}
.m-cnt .m-unlogin .u-regbtn.bgcolor:hover {
  color: #666;
}
.m-cnt .m-unlogin .u-regbtn.bgcolor:active {
  color: #666;
}
.m-cnt .m-unlogin .u-regbtn.bgcolor {
  color: #999;
}

.m-cnt .m-unlogin .forgetpwd {
  color: #848585;
  font-size: 12px;
  height: 14px;
  line-height: 14px;
  padding: 2px 0 0 77px;
}
.m-cnt .m-unlogin .forgetpwd, .m-cnt .m-unlogin .forgetpwdReg {
  color: #999;
  cursor: pointer;
  float: left;
  font-size: 12px;
  height: 12px;
  line-height: 16px;
  text-decoration: none;
}
.w-exception .btnbox .j-redirect {
  color: #ffffff;
  float: left;
  font-weight: bold;
  margin-left: 25px;
}

